<script setup>
const props = defineProps({
  label: {
    type: String,
    default: ''
  },
  active: {
    type: Boolean,
    default: false
  }
})
</script>

<template>
  <div :class="['my-btn', { active: props.active }]">{{ props.label }}</div>
</template>

<style scoped lang="scss">
.my-btn {
  padding: 0 50px;
  height: 56px;
  line-height: 56px;
  background-image: url(/imgs/2.png);
  background-size: 100% 100%;
  pointer-events: all;
  cursor: pointer;
  color: #fff;
  transition: all .3s;
}

.active {
  background-image: url(/imgs/1.png);
}
</style>